@charset "UTF-8";
/**
 * 
 * @authors Richie
 * @date    2017-06-14 10:39:39
 * @version 1.0.0
 */

/* 首页 */
/*轮播*/
.swiper-container{ position: relative; width: 100%; overflow: hidden;}
.swiper-container .swiper-slide{ overflow: hidden; float: left;
	.bannerImg{ display: block; width: 100%;
		img{ width: 100%;}
	}
}
.swiper-wrapper{ margin: 0; padding: 0;}
.pagination{ position: absolute; right: 0; bottom: 4%; width: 100%; z-index: 99; text-align: center;
	.swiper-pagination-bullet{ display: inline-block; border: 1px solid #d2c195; margin: 0 1%; background-color: #FFD699; border-radius: 50%; width: 16px; height: 16px;}
	.swiper-pagination-bullet-active{ background-color: #FCA317;}
}

/* logo */
.titleBox{ padding: 0.2rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;
	.logo{ width: 9.73rem; height: 2.43rem;}
	.activeBtn{ 
		img{ width: 7.9rem; height: 3rem;}
	}
}

.foodsUl{ margin-left: 2.8%; padding-bottom: 1rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;  
	.foodLi{ margin: 1rem 1.2% 0 0;  text-align: center; width: 15%; /* border: 1px solid #ccc; */}
	.photo{ margin: 0 auto; width: 4.53rem; height: 6.67rem;
		.loadImg{ width: 100%;}
	}
}
/* 售卖商品 */
.saleBox{ 
	.foodSale{display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items: center; -webkit-align-items: center; padding: 1rem;}
}
/* 机器拆红包 */
.envelopeBox{ background-color: #FFCC33;
	.foodSale{display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items: center; -webkit-align-items: center; padding: 1rem;}
	.wrapper{ padding: 0 2rem 1rem;
		.title{ display: block; font-size: 0.667rem; font-weight: bold; color:#666;}
		.content{ margin: 0; display: inline-block; text-align: left; color:#666; line-height: 1.5;}
		.tip{ display: block; color:#666;}
	}
	.qrcode{ margin: 3rem auto 1.3rem; width: 6.267rem; height: 6.267rem;
		img{width: 100%;}
	}
}


/* 活动1 */
.active1{ text-align: center; padding-bottom: 1rem;
	.banner{ margin-top: .2rem; width: 98%; border-radius: 15px;}
	.wrapper{ color: #fff; padding-top: 3.3rem;
		.title{ display: block; font-weight: bold;}
		.content{ margin: 2.2rem 0 1rem; display: inline-block; text-align: left; color:#F2F2F2; line-height: 1.5;}
		.tip{ display: block; color:#D7D7D7;}
	}
	.qrcode{ margin: 3rem auto 1.3rem; width: 6.267rem; height: 6.267rem;
		img{width: 100%;}
	}
}

/* 活动2 */
.active2{ padding-bottom: 1rem;
	.banner{ width: 100%;}
	.wrapper{ margin-left: 2.8%;
		.title{ display: block; font-size: 0.667rem; color:#666;}
		.content{ margin: 0; display: inline-block; text-align: left; color:#666; line-height: 1.5;}
		.tip{ display: block; color:#666;}
	}
}

/* 抽奖 */
.lottery{
	.banner{ width: 100%;}
	.wrapper{ padding: 15px;
		.title{ display: block; font-size: 0.667rem; color:#666;}
		.content{ margin: 0; display: inline-block; text-align: left; color:#666; line-height: 1.5;}
		.tip{ display: block; color:#666;}
	}


	table{ background-color: #F2F2F2; margin: 0 auto;}
	table td{position:relative;width:20%;text-align:center;color:#333;border: 2px solid #ccc; border-radius: 5px;}
	table td .photo{ display: block; text-align: center; overflow: hidden; background-color: #fff;}
	table td img{width: 100%;}
	table td a{width:100%;height:100%;display:block;text-decoration:none;background:url(../images/title_u180.jpg) no-repeat top center; background-size: cover;}
	table td a:hover{background-image:url(../images/title_u190.jpg);}
	table td.active .mask{display:block;}
	.mask{
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		background-color: rgba(252,211,4,0.5);
		display:none;
	}

	.tips{ margin-top: 4rem; font-weight: 700;color: #333; font-size: 1.1rem; line-height: 1.5; background-color: transparent;}
	.cjBtn{ display: inline-block; padding: 0.8rem; font-size: 1.2rem; color: #fff; background-color: #0099CC; min-width: 4.8rem;
		&.disabled{ background-color: #999;}
	}
	.shipmentBox{
		.shipment{ display: block; padding-top: 0.5rem;}
		.pickUp{ display: none; padding: 0.5rem 0;}
	}
	.result{ 
		.awardBox{display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items: flex-start; -webkit-align-items: flex-start; padding: 0.5rem;
			.award{ width: 50%;}

		}
	}
	.prev{ margin-top: 25%; display: inline-block; padding: 0.4rem 0.8rem; font-size: 1.2rem; color: #606060; border: 1px solid #606060; border-radius: 10px;}
	.exitBtn{ display: inline-block; padding: 0.8rem; font-size: 1.2rem; color: #fff; background-color: #0099CC; min-width: 4.8rem;}
}

/* 活动关闭按钮 */
.activeClose{ position: fixed; top: 0; right: 0; display: block; z-index: 99; width: 2.77rem; height: 3.23rem; background-color: #FF6600; border-bottom-left-radius: 100%;
	.closeBtn{ position: absolute; top: 22%; left: 35%; width: 1.46rem;
   }
}